<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格独有属性</title>
</head>
<style>
  table{
    border: pink 2px solid;
    width: 500px;
    /*表格中单元格的布局  fixed-固定的、auto-自动*/
    table-layout: fixed;
    /*相邻单元格之间的水平与垂直间距(在不使用border-collapse情况下生效)*/
    border-spacing: 20px;
    /*隐藏没有内容的单元格*/
    empty-cells: hide;
    /*设置标题的位置*/
    caption-side: bottom;
  }
  td,th{
    border: aquamarine 2px solid;
  }
</style>
<body>
<table>
  <caption>人员信息</caption>
  <thead>
  <tr>
    <th>序号</th>
    <th>姓名</th>
    <th>年龄</th>
    <th>性别</th>
    <th>政治面貌</th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td>1</td>
    <td>小红</td>
    <td>12</td>
    <td>男</td>
    <td>党员</td>
  </tr>
  <tr>
    <td>2</td>
    <td>小蓝</td>
    <td>31</td>
    <td>男</td>
    <td></td>
  </tr>
  <tr>
    <td>3</td>
    <td>小黄</td>
    <td>21</td>
    <td></td>
    <td>党员</td>
  </tr>
  </tbody>
</table>
</body>
</html>